<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	var server_time = ${longtimeSever}
</script>
	<%@include file="../common/css.jsp"%>
	<%@include file="../common/jspcommon.jsp"%>
    <%@include file="../common/mjs.jsp"%>
    <link type="text/css" href="/css/style_member.css" rel="stylesheet" />
    <link type="text/css" href="/css/style_auction.css" rel="stylesheet" />
    <title>拍卖-笔飞美术作品</title>
    <script type="text/javascript">
    </script>
</head>
<body id="page_event" >
<div id="box">
     <%@include file="../common/header.jsp" %> 
    <div id="main_div">
        <div class="site_map"><a href="/made.htm">首页</a> 》拍卖</div>
                
        <div id="content">
            <div class="container one_col">
                <div class="extra_top">${notice.description} </div>
                <div class="col_main">
                    <div class="auction_list box">
                    <input type="hidden" value="${pageAuction.identifier}" id="auctionId"/>
                        <h1>${pageAuction.title}</h1>
                        <div class="extra_button">
                            <a href="#event">所有拍卖活动</a>
                        </div>
                        <div class="auction_refresh" id="auction_refresh">
                            <div id="refresh_time" time="${longEndWeb}" timezone="0" style="display: none">
                            </div>
                            <div class="waiting_label">
                             		   每<span id="waiting_time">0</span><em>秒更新</em></div>
                            <div class="waiting_bar" id="waiting_bar">
                                <div class="bar">
                                </div>
                            </div>
                            <a href="javascript:auctionRefresh();" class="simple_button">手动刷新</a> <span class="loader">
                                &nbsp;</span>
                        </div>
                        <div class="bd">
                            <div id="auction_active">
                                <div class="auction_board clearfix">
                                    <div class="col_1">
                                        <p class="latest_price_total">
                                            <strong class="label">最新出价总额：</strong><em class="price" id="latest_price_total">${sumBidPirce.bidPrice}
                                                <sup>RMB</sup></em></p>
                                    </div>
                                    <div class="big_end_time">
                                        <strong class="end_time_label">拍卖于<fmt:formatDate value="${pageAuction.eDate}" type="date" dateStyle="long"/><fmt:formatDate value="${pageAuction.eTime}" type="time" timeStyle="full" pattern ="HH:mm"/>结束，还剩余：</strong>
                                        <!-- <strong class="overtime_label">第<em>0</em>次五分钟延时中，还剩余：</strong> -->
                                        <span class="end_time" time="${longEndWeb}" timezone="0" onexpiry="auctionRefresh"></span></div>
                                    <div class="col_2">
                                        <div class="display_switcher" id="auction_display_switcher">
                                            <a href="#" class="tip fullscreen" title="切换全屏">切换全屏</a> <a href="#" class="tip grid current_grid"
                                                title="网格显示">网格显示</a> <a href="#" class="tip list" title="列表显示">列表显示</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="auction_filter_sort clearfix">
                                   <p id="item_list_filter" class="item_list_sort clearfix">
                                        <a href="#"  <c:if test="${!empty auctionSo.classId}">class="first"</c:if> <c:if test="${empty auctionSo.classId}">class="first selected"</c:if>  data-filter="*" onclick="showAll();">全部分类</a> 
                                       <c:forEach items="${auctionClass}" var="class" varStatus="vs"> 
                                       			<a href="#" data-filter=".cat_${vs.count}" onclick="showByClass('${class.identifier}')"
                                       			<c:if test="${auctionSo.classId eq class.identifier}">class="selected"</c:if>
                                       			>${class.name }</a> 
                                       </c:forEach>
                                    </p>
                                    <p id="item_list_filter_type" class="item_list_sort clearfix">
                                        <span class="label">筛选：<input type="hidden" value="${seq}" id="sequenceold"/></span> 
                                        <a href="#" class="first" id="filter_type_has_bid" data-filter=".has_bid" onclick="myPrice('myPrice');"><span>我的出价</span></a> 
                                        <a href="#" id="filter_type_attention"  data-filter=".has_attention" onclick="myLove('myLove');"><span>我的关注</span></a>
                                    </p>
                                    <p id="item_list_sort" class="item_list_sort clearfix">
                                        <span class="label">排序：</span> 
                                        <a href="#"  <c:if test="${empty seqtype}">class="first selected"</c:if> <c:if test="${!empty seqtype}">class="first"</c:if> id="sort_by_original" onclick="showAll();"><span>初始排序</span></a> 
                                        <a href="#" <c:if test="${seq && seqtype eq 'price'}">class='selected arrow arrow_down'</c:if> <c:if test="${!seq && seqtype eq 'price'}">class='selected arrow arrow_up'</c:if> id="sort_by_start_price" onclick="lowToMax('price');"><span>起拍价</span></a>
                                        <a href="#" <c:if test="${seq && seqtype eq 'maxPrice'}">class='selected arrow arrow_down'</c:if><c:if test="${!seq && seqtype eq 'maxPrice'}">class='selected arrow arrow_up'</c:if> id="sort_by_end_price" onclick="lowToMax('maxPrice');"><span>一口价</span></a> 
                                        <a href="#" <c:if test="${seq && seqtype eq 'nowPrice'}">class='selected arrow arrow_down'</c:if><c:if test="${!seq && seqtype eq 'nowPrice'}">class='selected arrow arrow_up'</c:if>  id="sort_by_latest_price" onclick="lowToMax('nowPrice');"><span>当前价格</span></a> 
                                        <a href="#" <c:if test="${seq && seqtype eq 'lastPrice'}">class='selected arrow arrow_down'</c:if><c:if test="${!seq && seqtype eq 'lastPrice'}">class='selected arrow arrow_up'</c:if>  id="sort_by_latest_time" onclick="lowToMax('lastPrice');"><span>最后出价</span></a>
                                    </p>
                                </div>
                                <hr class="clearer" />
                                
                                <div class="item_list_wrapper">
                                    <hr class="clearer" />
                                    <c:forEach items="${pageAuction.aPicList}" var="artPic" varStatus="vs">
                                    <c:if test="${! empty artPic }">
                                    	<c:if test="${vs.count % 3 ==1}"><hr class="clearer" /></c:if>
	                                    <div class="item brand_2178 cat_9 has_latest_price clearfix" id="auction_${artPic.identifier}" start_price="0" end_price="0" latest_price="800"  min_price="200" bid_range="100">
	                                        <div class="item_inner">
	                                            <p class="photo" >
	                                                <a href="auctionpic.htm?id=${artPic.identifier }&aid=${artPic.classId}"  >
	                                                    <img id="img_${vs.count}" src="${artPic.imagePath}" alt="${artPic.title }" onload="loadImage(this,300,257);"/></a>
	                                            </p>
	                                            <p class="no">
	                                                #${artPic.identifier}
	                                            </p>
	                                            <p class="name">
	                                                <a href="auctionpic.htm?id=${artPic.identifier}&aid=${artPic.classId}" rel="external"><em>${artPic.painter}</em> : ${artPic.title}</a></p>
	                                            <p class="latest_price">
	                                            	<c:if test="${! empty artPic.picBidLog.bidPrice}">
	                                               	 	<span class="price">${artPic.picBidLog.bidPrice}<sup>RMB</sup></span> 
	                                              		  <span class="user">最新出价： <em>${artPic.picBidLog.member.nickname}</em></span>
	                                                </c:if>
	                                                 <c:if test="${empty artPic.picBidLog.bidPrice}">
	                                                	 <span class="price">0<sup>RMB</sup></span> 
	                                              		  <span class="user">最新出价： <em>暂时无人出价</em></span>
	                                                </c:if>
	                                            </p>
	                                            <div class="actions clearfix">
	                                            <c:if test="${artPic.isForward}">
	                                            	<a href="#" class="action m_tip">
	                                            	<span class="tipsy tipsy-s">
			                                                    <span class="tipsy-arrow"></span>
			                                                    <span class="tipsy-inner">已售完</span>
		                                                    </span>
		                                                    </a>
	                                            </c:if>
	                                             <c:if test="${!artPic.isForward}">
	                                            <c:if test="${!empty onlineUser.member }">
	                                            	 <c:if test="${!onlineUser.member.isAccount}">
	                                               		 <a href="#" class="action m_tip" onclick="auctionAction('${artPic.identifier}','${artPic.classId}');return false;">
		                                                    <span class="tipsy tipsy-s">
			                                                    <span class="tipsy-arrow"></span>
			                                                    <span class="tipsy-inner">出价</span>
		                                                    </span>
	                                                	</a> 
	                                                </c:if>
	                                                <c:if test="${onlineUser.member.isAccount}">
		                                              	 <a href="#" class="action m_tip" onclick="showAccount();">
		                                                    <span class="tipsy tipsy-s">
			                                                    <span class="tipsy-arrow"></span>
			                                                    <span class="tipsy-inner">出价</span>
		                                                    </span>
		                                                	</a> 
	                                           		 </c:if>
	                                            </c:if>
	                                            <c:if test="${empty onlineUser.member }">
	                                            	
	                                               		 <a href="#" class="action m_tip" onclick="auctionAction('${artPic.identifier}','${artPic.classId}');return false;">
		                                                    <span class="tipsy tipsy-s">
			                                                    <span class="tipsy-arrow"></span>
			                                                    <span class="tipsy-inner">出价</span>
		                                                    </span>
	                                                	</a> 
	                                            </c:if> 
	                                            </c:if>
	                                                
	                                                <span class="start_price">起拍价<em class="price">${artPic.price} <sup>RMB</sup></em></span>
	                                                <span class="start_price">一口价<em class="price">${artPic.priceMax} <sup>RMB</sup></em></span>
	                                                <a href="#" onclick="ART.lovePic('${artPic.identifier}')" class="add_aa m_tip">
			                                                <span class="tipsy tipsy-s"> 
			                                                	<span class="tipsy-arrow"></span>
			                                                	<span class="tipsy-inner">添加关注</span>
			                                                </span>
	                                                </a>
	                                            </div>
	                                        </div>
	                                    </div>
	                                    </c:if>
                                    </c:forEach>
                                </div>
                                <p class="pagination"> </p>
                            </div>
                        </div>
                        
                        <div class="auction_intro_icon">
                            <a href="#" class="deposit" onclick="showauc('${securityMoney.mark}')">${securityMoney.name}</a> 
                            
                            <a href="#" class="delay" onclick="showauc('${delay.mark}')">${ delay.name}</a>
                            
                             <a href="#" class="quality" onclick="showauc('${realArt.mark}')">${realArt.name}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <%@include file="../common/footer.jsp" %>
    </div>    
</div>
 <%@include file="../common/mjs.jsp"%>
<script type="text/javascript">
	watchCountdown();
	eventInit();
	
	function showAccount(){
		alert("您的账号已参与一件作品的竞拍，请等待结果。");
	}
	function showByClass(classId){
		window.location.href="/aucart.htm?id=${id}"+"&classId="+classId;
	}
		function showauc(reMark){
			window.location.href="showAuction.htm?remark="+reMark;
		}
		function showAll(){
			window.location.href="/aucart.htm?id=${id}";
		}
	//起拍价
	function lowToMax(type){
		var sequenceold =$("#sequenceold").val();
	    window.location.href="/aucart.htm?id=${id}"+"&seqtype="+type+"&seq="+sequenceold;
	}
	
	function myPrice(type){
		if(ART.checkLogin()){
			window.location.href="/aucart.htm?id=${id}"+"&seqtype="+type;
		}else{
			alert("请登录哦~");
			window.location.href="login.htm"
		}
		}

	function myLove(type){
		if(ART.checkLogin()){
			window.location.href="/aucart.htm?id=${id}"+"&seqtype="+type;
		}else{
			alert("请登录哦~");
			window.location.href="login.htm"
		}
		}
</script>
</body>
</html>

